// 对于axios进行二次封装
import axios from 'axios'
// 引入进度条功能
import nprogress from 'nprogress'
import 'nprogress/nprogress.css'

// 1：利用axios对象的方法create,去创建一个axios实例
// 2: request就是axios,只不过稍微配置一下
const requests = axios.create({
  // 基础路径，发送请求时，路径中会出现api
  baseURL: '/api',
  // 请求不能超过5S
  timeout: 5000
})

// 请求拦截器----在项目中发请求（请求没有发出去）可以做一些事情
requests.interceptors.request.use((config) => {
  // config:配置对象，对象里面有一个属性很重要，headers请求头
  // config.headers.Authorization = window.sessionStorage.getItem("token");
  // 进度条开始动
  nprogress.start()
  return config
})

// 响应拦截器----当服务器手动请求之后，做出响应（相应成功）会执行的
requests.interceptors.response.use(
  (res) => {
    // 进度条结束
    nprogress.done()
    // 相应成功做的事情
    return res.data
  },
  (err) => {
    // 响应失败的回调函数
    return Promise.reject(new Error(err))
  }
)
// 最终需要对外暴露（不对外暴露外面模块没办法使用）
// 这里的代码是暴露一个axios实例
export default requests
